<template>
  <div class="home-container">
    <el-container>
      <el-header class="header">
        <h1>科泰旅游AI助手</h1>
      </el-header>
      <el-main class="main">
        <div class="app-selection">
          <el-row :gutter="40">
            <el-col :span="12">
              <el-card class="app-card" @click.native="goToTravelMaster">
                <div class="card-content">
                  <i class="el-icon-chat-dot-round app-icon"></i>
                  <h2>AI 旅游大师</h2>
                  <p>智能旅游咨询助手，为您提供个性化旅游建议</p>
                </div>
              </el-card>
            </el-col>
            <el-col :span="12">
              <el-card class="app-card" @click.native="goToTravelAgent">
                <div class="card-content">
                  <i class="el-icon-guide app-icon"></i>
                  <h2>AI 旅游智能体</h2>
                  <p>智能旅游规划师，为您制定详细旅游计划</p>
                </div>
              </el-card>
            </el-col>
          </el-row>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'Home',
  methods: {
    goToTravelMaster() {
      this.$router.push('/travel-master')
    },
    goToTravelAgent() {
      this.$router.push('/travel-agent')
    }
  }
}
</script>

<style scoped>
.home-container {
  height: 100%;
}

.header {
  background-color: #409EFF;
  color: white;
  text-align: center;
  line-height: 60px;
}

.main {
  padding: 40px;
  background-color: #f5f5f5;
}

.app-selection {
  max-width: 1200px;
  margin: 0 auto;
}

.app-card {
  cursor: pointer;
  transition: all 0.3s ease;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.card-content {
  text-align: center;
}

.app-icon {
  font-size: 60px;
  color: #409EFF;
  margin-bottom: 20px;
}

.app-card h2 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #333;
}

.app-card p {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
</style>